<template>
  <a-modal
    :visible="show"
    width="60vw"
    min-height="40vh"
    title="操作指引"
    @cancel="handleCancle"
    :maskClosable="false"
    :key="show"
  >
  <template slot="footer">
      <a-button type="primary" @click="handleOk">我已知悉,开始录入</a-button>
    </template>
    建设中....
    <!-- <div>
      <span style="font-weight: bold; color: black">文献入库需符合以下三个原则：</span>
      <div class="subItem">
        <span style="color: blue">1、领域先进、贴合公司实际，满足公司发展需求；</span>
      </div>
      <div class="subItem">
        <span style="color: blue">2、业务相关性较强，具有参考借鉴意义，对项目能有所帮助；</span>
      </div>
      <div class="subItem">
        <span style="color: blue"
          >3、可从外部公开渠道获取，不需要保密的文献。任何涉及公司保密内容的文件和资料均不允许上传至科技图书馆。</span
        >
      </div>
    </div>
    <div>
      <span style="font-weight: bold; color: black">项目组月度应产出文献数量要求如下：</span>
      <table style="width: 100%">
        <tr style="font-weight: bold;color:white; background-color: #40a9ff">
          <td style="text-align: center; width: 150px">项目级别</td>
          <td style="text-align: center; width: 200px">项目组月度上传数量</td>
          <td style="text-align: center; width: 150px">责任人</td>
        </tr>

        <tr v-for="(record, index) in codes['T类科技项目文献数量要求']" :key="index">
          <td style="text-align: center">{{ record.name }}</td>
          <td style="text-align: center">{{ record.parentid }}</td>
          <td style="text-align: center">{{ record.additionalField }}</td>
        </tr>
      </table>
    </div>
    <div>
      <span style="font-weight: bold; color: black">知识就是力量！请尽快录入文献吧！</span
      >
    </div> -->
  </a-modal>
</template>

<script>
import { CodesMixin } from '@/mixins/CodesMixin'
export default {
  name: 'HteFilePopTips',
  components: {},
  mixins: [CodesMixin],
  data() {
    return {
      show: false,
      loading: false,
      urls: {
        page: '/lib/hteLibFile/list',
      },
      types: ['T类科技项目文献数量要求'],
    }
  },
  created() {
    this.fetchCodes(this.types)
  },
  methods: {
    openInit() {
      this.show = true
    },
    handleOk() {
      this.$emit('ok')
      this.show = false
    },
    handleCancle() {
      this.show = false
    },
  },
}
</script>

<style lang="less" scoped>
table,
table tr th,
table tr td {
  border: 1px solid #ccc;
}
table {
  min-height: 25px;
  line-height: 25px;
  text-align: center;
  border-collapse: collapse;
  padding: 2px;
}
div {
  line-height: 25px;
}
.subItem {
  padding-left: 20px;
}
</style>
